<template>
    <div class="classCard">
        <div v-if="showFaceCard">
            <img src="/static/img/class_card.png" width="419px" height="434px">
            <p class="classCardP">还在排课中，协会将以短信方式和平台运营通知学员本人，请注意查收!</p>
        </div>
    </div>
</template>

<script>
    var _this;
    export default {
        data() {
            return {
                showFaceCard: false,
                tradeNo: this.$route.params.tradeNo,
                projectName: this.$route.params.projectName
            }
        },
        beforeCreate: function() {
            _this = this;
        },
        mounted: function() {
            if (this.projectName == "三类人员") {
                //三类人员听课证
                this.getSlryLesson();
            } else {
                this.getFaceLesson();
            }
        },
        methods: {
            getFaceLesson: function() {
                //面授听课证
                this.common.post(this.api.getMyLessonCertificates, {
                    tradeNo: this.tradeNo
                }, function(res) {
                    if (!String.isEmptyOrNUll(res.resultMap.lessonUrl)) {
                        window.location.href = res.resultMap.lessonUrl;
                    } else {
                        _this.showFaceCard = true;
                    }
                    // if (_this.projectName == "三类人员") {
                    //     if (!String.isEmptyOrNUll(res.resultMap.lessonUrl)) {
                    //         window.location.href = res.resultMap.lessonUrl;
                    //     } else {
                    //         _this.showFaceCard = true;
                    //     }
                    // } else {
                    //     if (!String.isEmptyOrNUll(res.resultMap.lessonUrl)) {
                    //         window.location.href = res.resultMap.lessonUrl;
                    //     } else {
                    //         _this.showFaceCard = true;
                    //     }
                    // }
                });
            },
            // getSlryLesson: function() {
            //     this.common.post(this.api.getSlryLessonCertificates, {
            //         tradeNo: this.tradeNo
            //     }, function(res) {
            //         if (!String.isEmptyOrNUll(res.resultMap)) {
            //             window.location.href = res.resultMap;
            //         } else {
            //             _this.showFaceCard = true;
            //         }
            //     }, function() {
            //         _this.showFaceCard = true;
            //     });
            // }
        }
    }
</script>

<style>
    .classCard {
        text-align: center;
        padding-top: 160px;
    }

    .classCardP {
        font-size: 35px;
        color: #333333;
    }
</style>
